{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"绑定手机",back:0} %}
    <div class=" round5 pad10  marl10 marr10 op9">
        <mu-form ref="form" :model="validateForm" label-width="100">
            <div class="fs10 padl10 padr10 padt5 padb5 bdbso flrc fs14">
{#                <div class="fa fa-tablet c12"></div>#}
                <div class="flex1 fs10 marl10">
                    <input type="tel" name="phone" v-model="phone" placeholder="请输入手机号">
                </div>
            </div>
            <div class="fs10 padl10 padr10 padt5 padb5 bdbso flrc fs14 mart20">
{#                <div class="fa fa-unlock-alt c12"></div>#}
                <div class="flex1 fs10 marl10">
                    <input @keypress="kbsubmit" type="number" name="password" v-model="password" placeholder="请输入验证码">
                </div>
                <div class="bcf bdc11 padt3 padb3 padl5 padr5 round30 pos-r c1 fs8" v-if="msg=='获取验证码'">
                    <mu-ripple @click="sendSms()">[[msg]]</mu-ripple>
                </div>
                <div class="bcf bdc11 padt3 padb3 padl5 padr5 round30 pos-r c12 fs8" v-if="msg!='获取验证码'">
                    [[msg]]
                </div>
            </div>

            <div class="fs8 c11 pad5 mart20 flcc">
                <mu-button full-width large round @click="login()">
                    {#                <mu-button full-width large round :color="c1" @click="goto('main')">#}
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    保存
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </mu-button>
            </div>
        </mu-form>
    </div>
{% endblock %}

{% block myJs %}
{#    <script src="{{ root }}/js/ali.js{{ rnd }}"></script>#}
    <script src="{{ root }}/js/wx.js{{ rnd }}"></script>
{% endblock %}